<template>
  <img
    class="l-image-component remove-position"
    @click.prevent="handleClick"
    :src="src"
    :style="styleProps"
  />
</template>

<script lang="ts" setup>
import { defineProps, withDefaults } from "vue";
import { imageStylePropNames, imageDefaultProps } from "@/defaultProps";
import useComponentCommon from "@/hooks/useComponentCommon";
import { ImageComponentProps } from "@/defaultProps";

const props = withDefaults(defineProps<ImageComponentProps>(), {
  ...imageDefaultProps,
});
console.log("limage", JSON.stringify(props));

const { styleProps, handleClick } = useComponentCommon(
  props,
  imageStylePropNames
);
</script>

<style scoped lang="css">

</style>
